﻿<div id="vitalBody" class="Window">
    <div class="vital-slider vital-slider-downOneLine">
        <h4 data-bind="text: Application.Resources.Views.New_measure.Gewicht">Gewicht</h4>        
        <input class="sliderInput" type="number" data-bind="floatValue: NewErfassung.Gewicht" tabindex="1" />
        <input type="range" id="Gewicht" name="Gewicht" data-bind="value: NewErfassung.Gewicht" min="30" max="200" step="0.5" class="range-input-vertical" />
    </div>
    <div class="vital-slider vital-slider-downOneLine">
        <h4 data-bind="text: Application.Resources.Views.New_measure.Groesse">Körpergröße</h4>
        <input class="sliderInput" type="number" data-bind="integerValue: NewErfassung.Groesse, visible: !NewErfassung.FerseKnieLaenge" tabindex="2" />
        <input type="range" id="Groesse" name="Groesse" data-bind="value: NewErfassung.Groesse, visible: !NewErfassung.FerseKnieLaenge" min="140" max="240" class="range-input-vertical" />
        <span data-bind="text :Application.Resources.Views.New_measure.Unavailable, visible:NewErfassung.FerseKnieLaenge ">Nicht verfügbar</span>
    </div>
    <div class="vital-slider">
        <h4 data-bind="text: Application.Resources.Views.New_measure.Ferse_knie_laenge">Ferse Knie Länge</h4>        
        <input class="sliderInput" type="number" data-bind="floatValue: NewErfassung.FerseKnieLaenge, visible: !NewErfassung.Groesse" tabindex="3" />
        <input type="range"  min="20" max="240" class="range-input-vertical" id="FerseKnieLaenge" name="FerseKnieLaenge" data-bind="value: NewErfassung.FerseKnieLaenge, visible: !NewErfassung.Groesse" />
        <span data-bind="text :Application.Resources.Views.New_measure.Unavailable, visible:NewErfassung.Groesse ">Nicht verfügbar</span>
    </div>
    <div class="vital-footer">
        <button id="window-btnOk" class="orangeButton fa fa-check fa-2x" data-bind="click: saveClick"></button>
        <button id="window-btnCancel" class="orangeButton fa fa-times fa-2x" data-bind="click: closeClick"></button>
    </div>
</div>